<link rel="stylesheet" href="{{base_url()}}syslib/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="{{base_url()}}syslib/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            animation_speed:'normal'
            //,theme:'dark_square'
            ,social_tools:false
            ,allow_resize: false
            ,default_width: 500
            ,default_height: 344
        });
    });
</script>
<div id="prices">
    <div class="title">+ Climbing Channel</div>
    <div class="four_col">
        {{foreach $Data["videos"] as $v}}
        <div class="four_col_one">
            <a 
                href="{{$v->Source}}" 
                rel="prettyPhoto[channel]"
                title="{{$v->Title}}">
                <div style="position: relative;width:205px;height: 115px">
                    <img width="205px" height="115px" src="{{$v->Thumbs}}" />
                    <span></span>
                </div>
            </a>
        </div>
        {{/foreach}}
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>